<template>
  <section class="component follow-up-record-common">
    <data-box :data="roleDataSet" :page="pageService">
      <template slot="columns">
        <el-table-column prop="targetName" label="催收姓名" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="relationship" :formatter="(row) => $filter.dictConvert(row.relationship)" label="催收对象" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.relationship | dictConvert('Relationship')}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="repayAmount" label="还款金额" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="repayDate" :formatter="(row) => $filter.dateTimeFormat(row.repayDate)" label="还款日期" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="overduePeriod" label="逾期期数" :min-width="$helper.getColumnWidth(3)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="followupType" label="行动类型" :min-width="$helper.getColumnWidth(5)" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.followupType | dictConvert('FollowupType')}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="followupBack" label="行动代码" :min-width="$helper.getColumnWidth(5)" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.followupBack | dictConvert('FollowupBack')}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="followTime" :formatter="(row) => $filter.dateTimeFormat(row.followTime)" label="行动时间" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="followAmount" label="行动金额" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="checkTime" :formatter="(row) => $filter.dateTimeFormat(row.checkTime)" label="复核时间" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="followContent" label="行动说明" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="addressType" :formatter="(row) => $filter.dictConvert(row.addressType)" label="地址类型" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.addressType | dictConvert('AddressType')}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="addressDetail" label="详细地址" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="addressStatus" :formatter="(row) => $filter.dictConvert(row.addressStatus)" label="地址状态" :min-width="$helper.getColumnWidth(6)" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.addressStatus | dictConvert('AddressStatus')}}</span>
          </template>
        </el-table-column>
      </template>
    </data-box>
  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { Dependencies } from "~/core/decorator";
import { State, Action, Getter } from "vuex-class";
import { PrincipalService } from "~/services/domain-service/principal.service";
import { Emit, Prop, Watch } from "vue-property-decorator";
import { Form } from "element-ui";
import { PageService } from '~/utils/page.service';

import { RobCaseService } from '~/services/domain-service/rob-case.service.ts';
import { SortService } from '~/utils/sort.service';
@Component({
  components: {}
})
export default class FollowUpRecordCommon extends Vue {
  @Dependencies(SortService) private sortService: SortService;
  @Dependencies(RobCaseService) private robCaseService: RobCaseService;
  @Dependencies(PageService) private pageService: PageService;
  private roleDataSet: any = []
  @Prop()
  private followUpId: any;






  /**
   * 首次打开调用
   */
  private update() {
    this.robCaseService.queryFollowupRecords(this.followUpId, this.pageService, this.sortService)
      .subscribe((data) => {
        this.roleDataSet = data
      });

  }






}
</script>

<style lang="less" scoped>
</style>
